<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
		<title>上传页面</title>

		<!-- Loading third party fonts -->
		<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,700|" rel="stylesheet" type="text/css">
		<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">

		<!-- Loading main css file -->
		<link rel="stylesheet" href="style.css">
		<!--[if lt IE 9]>
		<script src="js/min/ie-support/html5.js"></script>
		<script src="js/min/ie-support/respond.js"></script>
		<![endif]-->
		<script src="js/min/jquery-1.11.1.min.js"></script>
		<script src="js/min/plugins.js"></script>
		<script src="js/min/app.js"></script>
		<script src="js/min/js.cookie.js"></script>
		<script src="js/MyJs/common/utils.js"></script>
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/min/bootstrap.min.js"></script>
		<script src="js/min/bootstrapValidator.js"></script>



	</head>


	<body>
		

		<div id="site-content">
		<div id="header"></div>
			<main class="main-content">
				<div class="container">
					<div class="page">
						<div class="breadcrumbs">
							<a href="#">主页</a>
							<span>The Croods</span>
						</div>

						<div class="content" style='text-align: center' >
							<form  action="#" method="post" enctype="multipart/form-data">
								<table style='text-align: center;'    >
									<tr><td colspan="4" style='text-align: center'><h3><span style="color: red">红色</span>为必填项 , <span style="color: blue">蓝色</span>为选填项</h3></td></tr>
									<tr>
										<td style="text-align: center;color: red"  >影片名称:</td>
										<td><input type="text" alt="50" name="title"  placeholder="字数不超过50"/></td>
										<td style="text-align: center;color: red" >影片类型:</td>
										<td><select name="type" id="select" style="background-color: greenyellow;" >
											<option value="" selected >点击选择您上传影片类型</option>
											<option value="电影">电影</option>
											<option value="电视剧">电视剧</option>
											<option value="动漫">动漫</option>
											<option value="综艺">综艺</option></select>
										</td>
									</tr>
									<tr>
										<td style='text-align: center;color: blue' >主演:</td>
										<td><input type="text" alt="500" name="protagonist" placeholder="字数不超过500"/></td>
										<td  style="text-align: center;color: red" >影片文件:</td>
										<td><input type="file"  name="film" multiple /></td>
										<td >文件格式为 <span style="color: red">mp4 webm ogg swf</span> </td>
									</tr>
									<tr>
										<td style='text-align: center;color: blue'>导演/编剧:</td>
										<td><input type="text" alt="500" name="director" placeholder="字数不超过500" /></td>
										<td style="text-align: center;color: red" >影片剧照:</td>
										<td><input type="file"  name="pict" /></td>
										<td >图片尺寸大于<span style="color: red">1740x1036</span> &nbsp;&nbsp;&nbsp;格式为<span style="color: red">png jpg jpeg</span> </td>
									</tr>
									<tr>
										<td style='text-align: center;color: blue'>地区:</td>
										<td><input type="text"  alt="50" name="location" placeholder="字数不超过50"/></td>
										<td style='text-align: center;color: blue'>上映时间:</td>
										<td><input type="date"  name="releaseDate" /></td>
									</tr>
									<tr>
										<td style='text-align: center;color: blue' >影片来源:</td>
										<td><input type="text" alt="50"  name="filmSource" placeholder="字数不超过50"/></td>
									</tr>
									<tr>
										<td style='text-align: center;color: blue'>剧情简介:</td>
										<td><textarea placeholder="字数不超过1000"  name="synopsis"></textarea></td>
									</tr>


								</table>
								<input type="submit" value="上传" id="upFilm" style='text-align: center'>
							</form>

						</div>
					</div>
				</div> <!-- .container -->
			</main>
	<div id="footer"></div>
		</div>
		<!-- Default snippet for navigation -->
	</body>
	<script src="js/MyJs/common/global.js"></script>
	<script src="js/MyJs/common/functions.js"></script>
	<script src="js/MyJs/common/common.js"></script>

	<script src="js/MyJs/upFilm/global.js"></script>
	<script src="js/MyJs/upFilm/functions.js"></script>
	<script src="js/MyJs/upFilm/upFilm.js"></script>
</html>